<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <#include "/manage/common/head.html" />
</head>
<body>
<!--顶部导航-->
<#include "/demo/common/navbar.html" />
<!--主内容-->
<div class="page-content">
    <!--侧边菜单-->
    <#include "/demo/common/sidebar.html" />
    <!--正文内容-->
    <div class="content-wrapper">
        <div class="container-fluid">
            <div class="content">
                <div class="page-title">
                    <h3>个人信息表</h3>
                    <div class="top-action">
                      <div class="search-action">                        
                        <form action="" method="POST" class="form-inline" role="form">                                                  
                            <label class="sr-only" for="">label</label>
                            <input type="email" class="form-control" id="" placeholder="Input field">                                                                                                    
                          <button type="submit" class="btn btn-primary">查询</button>
                        </form>                        
                      </div>
                      <div class="control-action">
                        <div class="dropdown">
                          <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            Dropdown
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li><a href="#">Separated link</a></li>
                          </ul>
                        </div>                              
                        <button type="button" class="btn btn-success">添加新用户</button>
                      </div>                      
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="page-body">                    
                  
                  <table class="table table-condensed table-hover">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>用户名</th>
                        <th>性别</th>
                        <th>学历</th>
                        <th>状态</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>administrator</td>
                        <td>男</td>
                        <td>本科</td>
                        <td>                          
                          <span class="label label-success">正常</span>                          
                        </td>
                        <td>
                          <a href="#" class="btn btn-sm btn-warning">编辑</a>
                          <a href="#" class="btn btn-sm btn-danger">删除</a>                              
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>administrator</td>
                        <td>男</td>
                        <td>本科</td>
                        <td>                          
                          <span class="label label-danger">停用</span>                          
                        </td>
                        <td>
                          <a href="#" class="btn btn-sm btn-warning">编辑</a>
                          <a href="#" class="btn btn-sm btn-danger">删除</a>                              
                        </td>
                      </tr>
                    </tbody>
                  </table>
                           
                  <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                  </ul>
                                                          
                </div>
                <div class="page-footer"></div>
            </div>           
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
    $(function(){
       $(".toggle-nav-collapse").click(function(){
           if ($(".page-content").hasClass("page-sidebar-collapse")){
               //展开
               $("header").removeClass("header-collapse").addClass("header-expanded");
               $(".page-content").removeClass("page-sidebar-collapse");
               $(this).children("i").removeClass("fa-angle-right").addClass("fa-angle-left");
           }
           else{
               //收起
               $("header").removeClass("header-expanded").addClass("header-collapse")
               $(".page-content").addClass("page-sidebar-collapse");
               $(this).children("i").removeClass("fa-angle-left").addClass("fa-angle-right");
           }
       });
    });
</script>